<script>
export default {
  name: "Context"
}
</script>

<template>
<div class="border-2 border-gray-500 rounded-2xl w-96 h-96 mt-2  flex flex-col">
  <div class="h-1/6 bg-stone-700/40 rounded-2xl">
    <slot name="userPic"></slot>
    <slot name="category"></slot>
  </div>
  <div class="h-4/6 bg-stone-600 flex flex-col rounded-2xl">
    <div class="h-1/6 bg-orange-600">
    <slot name="title"></slot>
    </div>
    <div class="h-5/6 bg-orange-900">
      <slot name="content">

      </slot>
    </div>
  </div>
  <div class="h-1/6 bg-stone-500 rounded-2xl"></div>
</div>
</template>

<style scoped>

</style>